<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ViTe博客管理后台 - 重置密码</title>
    <link rel="stylesheet" href="css/login_style.css">
</head>
<body>

<form class="form" id="reset-password-form" autocomplete="off">
    <div class="form-inner">
        <h2>重置密码</h2>
        <input type="hidden" id="reset-token" name="token">
        <div class="input-wrapper">
            <label for="new-password">新密码</label>
            <div class="input-group">
                <input type="password" id="new-password" name="newPassword" required placeholder="输入新密码">
            </div>
        </div>
        <div class="input-wrapper">
            <label for="confirm-password">确认密码</label>
            <div class="input-group">
                <input type="password" id="confirm-password" name="confirmPassword" required placeholder="再次输入新密码">
            </div>
        </div>
        <div class="btn-group">
            <button class="btn btn--primary" type="submit">提交新密码</button>
        </div>
    </div>
</form>

<script>
    document.getElementById('reset-password-form').addEventListener('submit', function(event) {
        event.preventDefault();
        var newPassword = document.getElementById('new-password').value;
        var confirmPassword = document.getElementById('confirm-password').value;
        var token = document.getElementById('reset-token').value;

        if (newPassword !== confirmPassword) {
            alert('新密码和确认密码不匹配，请重新输入。');
            return;
        }

        fetch('/reset-password', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json'
            },
            body: JSON.stringify({
                token: token,
                newPassword: newPassword,
                confirmPassword: confirmPassword
            })
        })
            .then(response => response.json())
            .then(data => {
                if (data.success) {
                    alert('密码重置成功，请使用新密码登录。');
                    window.location.href = 'login.html'; // 可以选择重定向到登录页面
                } else {
                    alert('密码重置失败：' + msg);
                }
            })
            .catch(error => {
                console.error('Error:', error);
                alert('请求失败，请稍后再试。');
            });
    });


    // 解析 URL 参数的函数
    function getQueryParam(param) {
        var searchParams = new URLSearchParams(window.location.search);
        return searchParams.get(param);
    }

    // 页面加载时执行
    document.addEventListener('DOMContentLoaded', function() {
        // 获取 URL 中的 token 参数
        var token = getQueryParam('token');

        // 如果 token 存在，设置到隐藏的 input 字段中
        if (token) {
            document.getElementById('reset-token').value = token;
        } else {
            // 如果没有 token 参数，或者 token 为空，你可以选择显示错误消息或者执行其他操作
            console.error('无效token');
            // 例如，重定向到错误页面或显示错误消息
            window.location.href = 'login.html';
            // 或者
            // alert('Token is missing. Please check the link and try again.');
        }
    });

</script>

</body>
</html>
